 * {
     padding: 0;
     margin: 0;
 }

 ul {
     list-style: none;
 }

 a {
     text-decoration: none;
     color: black;
 }

 html,
 body {
     width: 100vw;
     height: 100vh;
 }


 iframe {
     display: block;
     width: 100vw;
     height: 100vh;
     border: none;
 }


 footer {
     z-index: 10;
     overflow: hidden;
     position: fixed;
     bottom: 0rem;
     left: 0rem;
     right: 0rem;
     height:2.654rem;
     padding:0.1rem 2.583rem 0rem 2.463rem;
     border-top: 0.004rem solid #e5e5e5;
     background-color: white;

     ul {
         display: flex;
         justify-content: space-between;

         li {
             a {
                 display: flex;
                 flex-direction: column;
                 line-height: 1.250rem;

                 i {
                     text-align: center;
                 }

                 i::before {
                     font-size: 0.238rem;
                 }

                 p {
                     font-size: 0.109rem;

                     &:nth-of-type(1) {
                         img {
                             width: 0.298rem;
                             background-color: red;
                         }
                     }
                 }
             }

             &.active {
                 i::before {
                     font-size: 0.238rem;
                     color: #dd5d31;
                 }

                 p {
                     color: #db5f5a;
                 }
             }
         }
     }
 }
